<template>
	<view class="listImg">

		<image :src="value.goods_cover" v-if="value.goods_cover" class="listimgGroup" mode=""></image>
		<image :src="value.goods_img" v-if="value.goods_img" class="listimgGroup" mode=""></image>
		<view class="shopView">

			<view class="shopViewItem">
				<view class="shopViewItemTitle">
					<!-- <text class="thirdTag" v-if="value.third">第三方</text> -->
					<!-- <text v-else class="u-474747 u-font30 tag">{{'自营'}}</text> -->
					{{ value.goods_title }}
				</view>

				<view class="botPrice">
					<view class="botPriceView" v-if="isInter">{{ value.exchange_point }}积分</view>
					<view class="shopViewItemContent" v-else>
						<rich-text v-if="isGroup" :nodes="$mUtil.priceBigSmall(value.real_price)"></rich-text>
						<rich-text v-else :nodes="$mUtil.priceBigSmall(value.sale_price)"></rich-text>
					</view>
					<text class="botPriceView"
						v-if="value.market_price && zhe && !isFree">￥{{ value.market_price }}</text>
					<text v-if="value.market_price && zhe && !isFree">
						<text class="botPriceView"
							v-if="isGroup">{{ ((value.real_price / value.market_price) * 10).toFixed(1) }}折</text>
						<text class="botPriceView"
							v-else>{{ ((value.sale_price / value.market_price) * 10).toFixed(1) }}折</text>
					</text>
					<!-- <text class="u-font26 u-666 u-ml15" v-if="value.num">x {{value.num}}</text>
					<text class="u-font26 u-666 u-ml15" v-if="value.number">x {{value.number}}</text> -->
				</view>
			</view>


			<view class="shopViewItemNumber">
				<text v-if="value.sku_set_name">{{ value.sku_set_name }}</text>
				<view v-if="value.num">x {{ value.num }}</view>
				<view v-if="value.number">x {{ value.number }}</view>
			</view>

			<!-- justify-content: space-between; -->

		</view>
		<view class="btnComment_status"
			v-if="value.transaction_status == 5 && value.comment_status == 0 && position == 0"
			@click="evaluation(value.id)">去评价</view>
	</view>
</template>

<script>
	export default {
		props: {
			value: {
				type: Object,
				default: {}
			},
			position: {
				type: Number,
				default: 0
			},
			keys: {
				type: Number,
				default: 0
			},
			isGroup: {
				type: Boolean,
				default: false
			},
			isInter: {
				type: Boolean,
				default: false
			},
			zhe: {
				type: Boolean,
				default: true
			},
			isFree: {
				type: Boolean,
				default: true
			},
			//  hasPlatform: {
			// type: Boolean,
			// default: true
			//  }
		},
		data() {
			return {
				price: 66.2
			};
		},
		methods: {
			evaluation(id) {
				let data = {
					id: id,
					keys: this.keys
				};
				this.$emit('parentevaluation', data);
			}
		}
	};
</script>

<style scoped>
	.bottext {
		/* margin-top: 44rpx; */
	}

	.goodsItem {
		/* padding: 10rpx 20rpx 30rpx 20rpx; */
		/* position: relative; */
		/* border-bottom: 1rpx solid #e7e7e7; */
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-self: center;
		margin-top: 38rpx;
	}

	.thirdTag {
		display: inline-block;
		background: #30b885;
		border-radius: 10rpx;
		line-height: 40rpx;
		text-align: center;
		margin-right: 10rpx;
		padding: 0 10rpx;
		color: #fff;
		font-size: 26rpx;
	}

	.textWidth {
		/* width: 420rpx; */
		/*    height: 80rpx;
    line-height: 40rpx; */
	}

	.btnComment_status {
		position: absolute;
		right: 0;
		bottom: 30rpx;
		background-color: #FF721B;
		width: 150rpx;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
		color: #fff;
		font-size: 28rpx;
		border-radius: 20rpx;
		
	}

	.back_status {
		position: absolute;
		right: 30rpx;
		bottom: 30rpx;
		text-align: center;
		line-height: 60rpx;
	}

	.tag {
		display: inline-block;
		padding: 0 20rpx;
		height: 44rpx;
		background: #FF721B;
		border-radius: 10rpx;
		line-height: 44rpx;
		text-align: center;
		margin-right: 10rpx;
		color: #fff;
		font-size: 26rpx;

	}

	.shopImage {
		width: 212rpx;
		height: 212rpx;
		border-radius: 12rpx 12rpx 12rpx 12rpx;

		margin-left: 19rpx;
	}

	.goodsTitle {
		width: 442rpx;
		height: 77rpx;
		font-weight: 500;
		font-size: 27rpx;
		color: #333333;
		line-height: 38rpx;
		text-align: justified;
		font-style: normal;
		text-transform: none;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;

	}

	.botPrice {}

	.botPriceView {
		min-width: 48px;
		height: 20px;
		font-weight: 400;
		font-size: 14px;
		color: #999999;
		line-height: 20px;
		text-align: justified;
		font-style: normal;
		text-transform: none;
	
	}

	.sku_set_name {
		font-weight: 400;
		font-size: 23rpx;
		color: #999999;
		line-height: 23rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.goodsView {
		height: 77rpx;
		margin-left: 19rpx;
	}

	.listImg {
		margin-top: 37rpx;
		margin-left: 19rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.listimgGroup {
		width: 135rpx;
		height: 135rpx;
	}

	.shopView {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: 19rpx;
		
	
	}
	.shopViewItem {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 520rpx;
	}

	.shopViewItemTitle {
		width: 394rpx;
		height: 38rpx;
		font-weight: 400;
		font-size: 27rpx;
		color: #333333;
		line-height: 38rpx;
		text-align: justified;
		font-style: normal;
		text-transform: none;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.shopViewItemContent {
		width: auto;
		height: 38rpx;
		font-weight: 400;
		font-size: 27rpx;
		color: #999999;
		line-height: 38rpx;
		text-align: justified;
		font-style: normal;
		text-transform: none;
	}

	.shopViewItemNumber {
		font-weight: 400;
		font-size: 23rpx;
		color: #999999;
		line-height: 23rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		margin-top: 19rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

	.viewWidthTitleFView {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-right: 19rpx;
		padding-top: 21rpx;
	}

	.viewWidthTitle {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: flex-start;
		padding-left: 19rpx;

		.right-icon {
			margin-top: 4rpx;
		}
	}

	.viewWidthTitleFViewDisplay {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
</style>